body {
  background: #F5F5F5;
  overflow-x: hidden;
}
.sur{
  background: url(../img/sur.png) no-repeat center;
}

.bannerRed {
  width: 100%;
  height: 280px;
  background: #FF5158;
}

.bannerBlue {
  width: 100%;
  height: 280px;
  background: #18317D;
}

.upBannerNav {
  padding: 20px 0;
}

.upBannerNav a {
  text-align: center;
  background: #FFFFFF;
  width: 260px;
  height: 88px;
  display: flex;
  align-items: center;
  padding: 0 38px;
  box-sizing: border-box;
  border-radius: 8px;
}

.upBannerNav a .imgBanner {
  width: 74px;
  height: 80px;
  background: #FF5158;
  display: inline-block;
}

.upBannerNav .BannerFont {
  text-align: left;
  margin-left: 12px;
}

.upBannerNav .BannerFont h3 {
  color: #333;
  font-size: 18px;
}

.upBannerNav .BannerFont p {
  font-size: 14px;
  color: #999999;
}

.wxIconLmw {
  color: #FFFFFF;
  font-size: 16px;
}

.wxIconLmw i {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url(../img/wz-icon.png) no-repeat center;
  background-size: 100% auto;
  vertical-align: middle;
  margin-top: -2px;
}

.wxIconLmw a {
  color: #FFFFFF;
}

.leftContentLmw {
  background: #fff;
  border-bottom: 1px solid #EDEDED;
  border-radius: 10px;
  padding: 56px 60px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.leftContentLmw h1 {
  color: #333333;
  text-align: center;
  font-size: 40px;
}

.leftContentLmw > p {
  color: #1c1c1d;
  text-align: left;
  margin-top: 39px;
  font-size: 20px;
  line-height: 35px;
  border-bottom: 1px solid #EDEDED;
  padding-bottom: 41px;
}

.bodyContent {
  margin: -226px auto 40px !important;
  position: relative;
  border-radius: 10px;
}

.LmwJdList {
  font-size: 28px;
  position: relative;
  padding-left: 12px;
  margin-top: 30px;
  color: #333333;
}

.LmwJdList.hsRedH3 {
  color: #FF5158;
  margin-top: 40px;
}

.LmwJdList::after {
  content: '';
  width: 4px;
  height: 23px;
  position: absolute;
  border-radius: 3px;
  left: 0;
  top: 8px;
  background: #FF5158;
}

.articleOneLmw {
  width: 910px;
  height: 385px;
  background: #FFFAFA;
  border-radius: 10px;
  margin-top: 20px;
  padding: 20px 20px 30px 20px;
  box-sizing: border-box;
}

.articleOneLmw a {
  display: block;
  font-size: 0;
  overflow: hidden;
  margin-top: 20px;
}

.articleOneLmw a:hover img {
  transform: scale(1.1);
}

.articleOneLmw a:hover h4 {
  color: #FF5158;
}

.leftArticleOneLmw .imgArticle {
  border-radius: 10px;
  overflow: hidden;
  width: 120px;
  height: 85px;
}

.leftArticleOneLmw .imgArticle img {
  width: 120px;
  height: 85px;
  transition: all 0.5s;
}

.leftArticleOneLmw .fontArtLmw {
  width: 315px;
  margin-left: 12px;
}

.leftArticleOneLmw .fontArtLmw h4 {
  font-size: 20px;
  color: #333333;
}

.leftArticleOneLmw .fontArtLmw p {
  font-size: 16px;
  margin-top: 10px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #999999;
}

.rightArticleOneLmw {
  width: 320px;
}

.rightArticleOneLmw a {
  font-size: 18px;
  color: #666666;
  margin-top: 7px;
}

.rightArticleOneLmw a:hover {
  color: #FF5158;
}

.newArticleRight h2 {
  font-size: 20px;
  color: #FF5158;
}

.newArticleRight p {
  color: #888888;
}

.newArticleList img {
  transition: all 0.5s;
}

.newArticleList .newArticleLeft {
  width: 204px;
  height: 141px;
  border-radius: 10px;
  overflow: hidden;
}

.newArticleList .newArticleLeft img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.newArticleList a {
  overflow: hidden;
  display: block;
  margin-top: 27px;
}

.newArticleList a:hover img {
  transform: scale(1.1);
}
.newArticleList a:hover h2{
  color: #1f59f0;
}

.newArticleList .newArticleRight {
  width: 690px;
  margin-left: 13px;
}

.newArticleList .newArticleRight h2 {
  font-size: 20px;
  color: #0e0e0f;
}

.newArticleList .newArticleRight p {
  color: #888888;
  margin: 10px 0;
  line-height: 25px;
  font-size: 18px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.newArticleList .newArticleRight em {
  color: #666666;
  font-size: 18px;
}

.teacherList {
  margin-top: 20px;
}

.teacherList ul li {
  width: 205px;
  float: left;
  margin-right: 30px;
}
.teacherList ul li em{
  text-align: center;
  display: block;
  margin: 11px 0;
  color: #88898b;
}

.teacherList ul li:last-child {
  margin-right: 0;
}

.teacherList ul li img {
  width: 205px;
  height: 205px;
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
}

.teacherList ul li h3 {
  font-size: 28px;
  margin-top: 20px;
  color: #333333;
  text-align: center;
}

.teacherList ul li span{
  width: 42px;
  height: 2px;
  background: #c0ddf9;
  display: block;
  margin: 0 auto;
}

.teacherList ul li p {
  font-size: 20px;
  text-align: left;
  margin-top: 13px;
  color: #666666;
  line-height: 25px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-align: center;
  color: #0e0e0f;
}

.teacherList ul li a {
  width: 206px;
  height: 60px;
  display: block;
  margin: 23px auto 0;
  text-align: center;
  font-size: 22px;
  line-height: 60px;
  color: #fff;
  background: linear-gradient(136deg, #1f59f0 0%, #1f59f0 100%);
  border-radius: 10px;
}

.pageTagNextList,.pageNextList {
  text-align: center;
  margin-top: 60px;
}

.pageTagNextList li, .pageNextList a {
  width: auto;
  height: 46px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  display: inline-block;
  font-size: 20px;
  text-align: center;
  line-height: 46px;
  color: #000000;
  border: 1px solid #D9D9D9;
  margin: 0 5px;
  padding: 0 18px;
}

.pageTagNextList li.active, .pageNextList a.active {
  border: 1px solid #1f59f0;
  color: #1f59f0;
}
.pageTagNextList li:hover, .pageNextList a:hover{
  border: 1px solid #1f59f0;
  background: #1f59f0;
  color: #fff;
}

.rightContentLmw {
  width: 350px;
  position: relative;
}

.rightContentLmw .bjxContent {
  padding: 26px 20px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 20px;
}

.rightContentLmw .leftShu {
  width: 80px;
  height: 80px;
  border: 1px solid #DDE4FF;
}

.leftShu {
  width: 80px;
  height: 80px;
  border: 1px solid #DDE4FF;
}

.leftShu img {
  width: 100%;
  height: 100%;
}

.upTitleLmw {
  border-bottom: 1px solid #c3dcfb;
  padding-bottom: 17px;
  align-items: center;
}

.upTitleLmw h3 {
  color: #333333;
  font-size: 28px;
}

.upTitleLmw a {
  color: #939393;
}

.bockShu {
  margin-top: 20px;
}

.bockShu .rightFont {
  width: 221px;
  margin-left: 14px;
  color: #0e0e0f;
  margin-top: 1px;
  
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 26px;
}

.xingItemList {
  flex-wrap: wrap;
  margin-top: 20px;
}

.xingItemList a {
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  color: #666666;
  display: inline-block;
  border: 1px solid #D4D4E9;
  margin: 0 3px 7px 3px;
}

.xingItemList a:hover {
  border: 1px solid #F56F7E;
  color: #F56F7E;
}

.zjTitleH3 {
  text-align: center;
  padding: 0 0 20px 0;
  font-size: 24px;
  color: #333333;
  border-bottom: 1px solid #c3dcfb;
}

.bsBgBorder {
  padding: 26px 20px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 10px;
}

.upNameSiGe {
  margin-top: 25px;
}

.upNameSiGe span {
  font-size: 18px;
  color: #666666;
  text-align: center;
}

.upNameSiGe span.daSpan1 {
  margin-right: 27px;
}

.upNameSiGe span:last-child {
  margin-right: 5px;
}

.mzPhContent {
  padding-left: 5px;
  margin-top: 24px;
  padding-bottom: 10px;
}

.mzPhContent li {
  display: flex;
  margin-bottom: 14px;
  justify-content: space-between;
}

.mzPhContent li i {
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  font-style: normal;
  border-radius: 50%;
  background: #E7E7F3;
  color: #666666;
}

.mzPhContent li.list1, .mzPhContent li.list1 a {
  color: #F99C5A;
}

.mzPhContent li.list2, .mzPhContent li.list2 a {
  color: #1f59f0;
}

.mzPhContent li.list3, .mzPhContent li.list3 a {
  color: #FF99AE;
}

.mzPhContent li.list1 i {
  color: #fff;
  background: linear-gradient(135deg, #FDC56A 0%, #F67E4F 100%);
}

.mzPhContent li.list2 i {
  color: #fff;
  background: linear-gradient(135deg, #65B3F8 0%, #8076FF 100%);
}

.mzPhContent li.list3 i {
  color: #fff;
  background: linear-gradient(153deg, #FF9AAC 0%, #FE4B70 100%);
}

.mySwiperMzPj {
  overflow-x: hidden;
  position: relative;
}

.mySwiperMzPj .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #D1DAFF;
  opacity: 1;
}

.mySwiperMzPj .swiper-pagination {
  bottom: 0 !important;
}

.mySwiperMzPj .swiper-pagination .swiper-pagination-bullet-active {
  width: 30px;
  background: #1f59f0;
  border-radius: 5px;
}

.yuePaiMing {
  margin-bottom: 20px;
}

.marBomT {
  margin-bottom: 20px;
}

.itemInputTest {
  margin-top: 20px;
}

.itemInputTest form {
  font-size: 0;
}

.itemInputTest select {
  width: 108px;
  height: 39px;
  background: #F7F7FF;
  border: 1px solid #DDE4FF;
  font-size: 16px;
  text-align: center;
  color: #666666;
}

.itemInputTest select.leftTxt {
  border-radius: 4px 0px 0px 4px;
}

.itemInputTest select.rightTxt {
  border-radius: 0px 4px 4px 0px;
  margin-left: -2px;
}

.itemInputTest input {
  width: 107px;
  height: 39px;
  background: #f2f4ff;
  border: 1px solid #DDE4FF;
  text-align: center;
}

.itemInputTest input::placeholder {
  font-size: 16px;
  /* color: #666666; */
}

.itemInputTest input.leftTxt {
  border-radius: 4px 0px 0px 4px;
}

.itemInputTest input.rightTxt {
  border-radius: 0px 4px 4px 0px;
  margin-left: -2px;
}

.itemInputTest input.cInputTxt {
  width: 212px;
  border-radius: 4px;
}

.itemInputTest input.submitRight {
  width: 89px;
  height: 42px;
  background: linear-gradient(136deg, #6383FF 0%, #536DD3 100%);
  border-radius: 4px;
  margin-left: 5px;
  font-size: 18px;
  color: #fff;
}

.caleImgHover img {
  transition: all 0.5s;
}

.caleImgHover:hover img {
  transform: scale(1.1);
}

.upHostArticle {
  margin-top: 20px;
  display: block;
  overflow: hidden;
}

.upHostArticle span {
  width: 100px;
  height: 80px;
  overflow: hidden;
  display: inline-block;
  border-radius: 5px;
}

.upHostArticle span img {
  width: 100%;
  height: 100%;
}

.upHostArticle .upHostTitle {
  width: 202px;
}

.upHostArticle .upHostTitle h2 {
  font-size: 18px;
  color: #3B60F1;
  margin-bottom: 5px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.upHostArticle .upHostTitle p {
  color: #999999;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.twoMzPhContent li {
  justify-content: flex-start;
}

.twoMzPhContent li a {
  color: #666666;
  display: flex;
    align-items: center;
}

.twoMzPhContent li:last-child {
  margin-bottom: 0;
}

.twoMzPhContent li span {
  margin-left: 20px;
  font-size: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  width: 270px;
}

.formHostName {
  padding: 9px 60px 30px 60px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 5px;
  margin-top: 20px;
}

.listNavTab {
  padding: 0 85px;
  margin-top: 21px;
}

.listNavTab a {
  width: 150px;
  height: 68px;
  text-align: center;
  line-height: 68px;
  display: inline-block;
  color: #0e0e0f;
  font-size: 25px;
}

.listNavTab a.on {
  background: #F9F9FF;
  color: #3B60F1;
  border-radius: 10px 10px 0px 0px;
}

.formNameBg {
  background: #F9F9FF;
  padding: 20px 30px;
  box-sizing: border-box;
  flex-wrap: wrap;
  border-radius: 8px;
}
.formNameBg .over_hidden{
  top: 0;
}
.inputFormItemLmw {
  padding: 0 23px;
  width: 410px;
  height: 58px;
  background: #fff;
  line-height: 60px;
  color: #0e0e0f;
  box-sizing: border-box;
  text-align: left;
  font-size: 18px;
  position: relative;
  border-radius: 10px;
  border: 1px solid #DDE4FF;
  margin-bottom: 20px;
}

.inputFormItemLmw input {
  border: 0;
  background: none;
  height: 20px;
  font-size: 18px;
  width: 247px;
  height: 100%;
}

.over_hidden {
  position: absolute;
  right: 0;
  top: 5px;
}

.inputItemForm input {
  border: 0;
  background: none;
  height: 20px;
  font-size: 18px;
}

.over_hidden.radio, .over_hidden .checkbox {
  z-index: 1;
  padding: 8px 22px 10px 0;
}

.over_hidden.radio label, .over_hidden .checkbox label {
  line-height: 18px;
  float: left;
  font-size: 17px;
  color: #888;
  padding: 10px 0;
  margin-left: 10px;
  cursor: pointer;
}

.over_hidden.radio label i, .over_hidden .checkbox i {
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 35px;
  float: left;
  margin-right: 6px;
  background: #cecece;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
}

.over_hidden.radio label i:after, .over_hidden .checkbox label i:after {
  content: "";
  background: url(https://static.quwangming.com/gsqm/images/gou.png) no-repeat;
  width: 10px;
  height: 8px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: none;
}

.over_hidden.radio label input, .over_hidden .checkbox input {
  display: none;
}

.over_hidden.radio label.on i, .over_hidden .checkbox label.on i {
  background-color: #e55352;
}

.over_hidden.radio label.on i:after, .over_hidden .checkbox label.on i:after {
  display: block;
}

.warpLeftContentLmw {
  box-sizing: border-box;
  width: 1030px;
}
.warpLeftContentLmw .formHostName{
  padding: 0;
}
.warpLeftContentLmw .hotArticleBox .formHostName{
  padding: 9px 50px 0 50px;
}

.formNameBody {
  display: flex;
  flex-wrap: wrap;
}

.tabSubmit {
  width: 850px;
  height: 58px;
  background: linear-gradient(136deg, #1f59f0 0%, #1f59f0 100%);
  border-radius: 10px;
}

.tabSubmit {
  border: 0;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 22px;
  color: #fff;
}



.bannerBlue {
  position: absolute;
}

.bannerBlue .wxIconLmw {
  padding-top: 20px;
}

.detailsBodyLmw {
  width: 1030px;
  padding: 60px 0;
  border-radius: 10px;
  padding: 60px 60px;
  box-sizing: border-box;
  background: #fff;
}

.detailsBodyLmw h1 {
  text-align: center;
}

.detailsBodyLmw p {
  line-height: 32px;
  font-size: 16px;
  color: #999999;
}
.xgTui{
  font-size: 20px;
  margin-top: 40px;
}

.detailsBodyLmw .formHostName {
  border-top: 1px solid #DDE4FF;
  padding: 9px 0 40px 0;
  /*margin-top: 40px;*/
}

.zIndexUpBody {
  position: relative;
}
.zIndexUpBody{
  margin: -226px auto 100px !important;
}
.zIndexUpBody .wxIconLmw {
  margin: 20px auto;
}

.itemZzLy {
  text-align: center;
  margin-top: 30px;
}

.itemZzLy em {
  margin: 0 5px;
  color: #666666;
}

.itemZzLy a {
  color: #3B60F1;
  text-decoration: revert;
  margin-left: 5px;
}

.daoyuBox {
  width: 910px;
  height: 100px;
  padding: 26px 26px;
  box-sizing: border-box;
  background: #F7F7FF;
  margin-top: 30px;
  border-radius: 10px;
}

.daoyuBox span {
  color: #333333;
  font-size: 18px;
}

.daoyuBox em {
  color: #666;
  font-size: 18px;
  width: 803px;
  line-height: 26px;
}

.upMainText {
  color: #333333;
  font-size: 16px;
  margin-top: 20px;
  line-height: 20px;
  text-indent: 2em;
  line-height: 25px;
}

.fTitleDetails {
  font-size: 24px;
  color: #333333;
  margin: 30px 0;
  position: relative;
  padding-left: 15px;
}

.fTitleDetails::after {
  content: '';
  position: absolute;
  left: 0;
  width: 4px;
  height: 20px;
  top: 6px;
  background: #1f59f0;
  border-radius: 10px;
}

.mainText {
  color: #333333;
  margin: 30px 0 20px 0;
}

.xgALink a {
  font-size: 20px;
  color: #3B60F1;
  display: block;
  text-decoration: revert;
  margin-top: 16px;
}

.xgALink a:hover {
  text-decoration: revert;
  -webkit-filter: brightness(1);
}

.navDetails {
  flex-wrap: wrap;
  border-bottom: 1px solid #DDE4FF;
}
.leftContentLmw .navDetails{
  border-bottom: 0;
}
.navDetails a {
  text-align: center;
  width: 20%;
  display: block;
  margin-bottom: 40px;
}
.navDetails a img{
  width: 150px;
  height: 150px;
}
.navDetails a i {
  width: 120px;
  height: 120px;
  background: #536DD3;
  display: block;
  border-radius: 50%;
  margin: 0 auto;
}

.navDetails a p {
  margin-top: 5px;
  color: #333;
  font-size: 22px;
}

.linkTjLmw {
  margin-top: 40px;
  color: #999999;
  font-size: 20px;
}

.linkTjLmw a {
  margin: 0 5px;
  font-size: 20px;
  color: #333333;
}

.upDownLink {
  font-size: 20px;
  margin-top: 40px;
}

.upDownLink span a {
  font-size: 20px;
  color: #666666;
}


.hotArticleBox {
  width: 1030px;
  border-radius: 10px;
  padding: 30px;
  box-sizing: border-box;
  background: #fff;
  margin-top: 20px;
}

.hotArticleBox .upTitleWzBox {
  border-bottom: 1px solid #DEDEDE;
  padding-bottom: 27px;
  align-items: center;
}

.hotArticleBox .upTitleWzBox h3 {
  font-size: 24px;
  color: #333333;
}

.hotArticleBox .upTitleWzBox .menuListArticle a {
  font-size: 18px;
  color: #666666;
  padding-left: 10px;
  border-right: 1px solid #C1C1FF;
  padding-right: 10px;
  line-height: 17px;
  display: inline-block;
}
.hotArticleBox .upTitleWzBox .menuListArticle a:last-child{
  border-right: none;
}
.imgLwmLeft {
  /* padding: 30px 0; */
}
.imgLwmLeft a{
  margin-top: 30px;
}
.imgLwmA{
  margin-left: 20px;
}
.imgLwmA a{
  width: 250px;
  color: #666666;
  margin-top: 30px;
  font-size: 16px;
}
.imgLwmLeft a {
  width: 200px;
  text-align: center;
  display: block;
}

.imgLwmLeft span {
  width: 200px;
  height: 147px;
  display: block;
  overflow: hidden;
  border-radius: 10px;
}

.imgLwmLeft span img {
  width: 100%;
  height: 100%;
}

.imgLwmLeft p {
  font-size: 18px;
  color: #666666;
  margin-top: 9px;
}


/* 首页 */
.headerForm{
  width: 100%;
  height: 600px;
  background: url(../img/banner.jpg) center #0e257b;
}
.tpIdxTop{
  padding: 40px 35px 33px 35px;
  box-sizing: border-box;
}
.fwTop a{
  width: 80px;
  height: 40px;
  background: #ffffff;
  display: inline-block;
  border-radius: 20px !important;
  line-height: 40px;
  text-align: center;
  color: #0e0e0f;
}
.fwTop a i{
  vertical-align: -4px;
}
.hGg{
  width: 18px;
  height: 18px;
  display: inline-block;
  background-position: 0 -333px;
  vertical-align: middle;
}
.kfTop{
  width: 22px;
  height: 20px;
  background-position: 0 -71px;
  display: inline-block;
  margin-top: 10px;
}
.tpIdxNav{
  padding: 0 17px;
  box-sizing: border-box;
}
.tpIdxNav a{
  font-size: 20px;
  color: #dbdde9;
  position: relative;
}
.tpIdxNav a:hover:after {
  width: 100%;
}
.tpIdxNav a.active:after {
  width: 100%;
}
.tpIdxNav a:after {
  left: 0;
  right: 0;
  margin: auto;
  content: '';
  display: block;
  width: 0px;
  height: 6px;
  position: absolute;
  bottom: -20px;
  background: #9bc4f8;
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.formIptCen{
  width: 1400px;
  margin: 20px auto 0;
  height: 543px;
  background: #FFFFFF;
  box-shadow: 0px 3px 10px 0px #EBEBF6;
  border-radius: 10px;
  padding: 0 82px;
  position: relative;
  z-index: 555;
  box-sizing: border-box;
}
.leftFomeIpt{
  width: 600px;
  text-align: center;
  padding: 56px 35px 0 35px;
}
.formTabText{
  padding: 0 35px;
}
.formTabText a{
  font-size: 24px;
  color: #0e0e0f;
  position: relative;
}
.formTabText a.active{
  color: #1f59f0;
}
.formTabText a.active::after{
  left: 0;
  right: 0;
  margin: auto;
  content: '';
  display: block;
  width: 100%;
  height: 6px;
  position: absolute;
  bottom: -13px;
  background: #1f59f0;
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.itemForeWarp{
  margin-top: 40px;
}
.iFIpt{
  border: 1px solid #c2dcfb;
  border-radius: 5px;
  background: #f7fbff;
  height: 69px;
  line-height: 69px;
  margin-bottom: 22px;
  text-align: left;
  padding-left: 17px;
  box-sizing: border-box;
  position: relative;
}
.iFIpt span{
  font-size: 22px;
  color: #0e0e0f;
}
.iFIpt input{
  height: 83%;
  border: none;
  background: none;
  margin-top: -2px;
  font-size: 22px;
  margin-left: 5px;
  width: 64%;
}
.iFIpt input::placeholder{
  font-size: 22px;
}

.checkBoxNew input {
  vertical-align: middle;
  margin-right: 5px;
  width: 18px;
  height: 18px;
}
.checkBoxNew span {
  vertical-align: middle;
  color: #858383;
}
.checkBoxNew a {
  color: #858383;
  text-decoration: revert;
}
.submitAlink{
  width: 100%;
  height: 72px;
  background: linear-gradient(136deg, #4773e7 0%, #1f59f0 100%);
  border-radius: 10px;
  border: none;
  font-size: 28px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  margin-top: 22px;
}
.bottomFont{
  margin-top: 32px;
}
.bottomFont span{
  font-size: 18px;
  color: #88898b;
  margin: 0 26px;
}
.bottomFont span em{
  color: #1f59f0;
}

/* 地图 */
.upCityFg{
  width: 480px;
  height: 397px;
  background: url(../img/city.png) no-repeat center;
  margin-top: 30px;
  position: relative;
}
.upCityFg li i{
  width: 20px;
  position: relative;
  display: block;
  margin: 0 auto;
  opacity: 0;
}
.upCityFg li{
  position: absolute;
}
.upCityFg li:nth-child(1){
  top: 242px;
  left: 270px;
}
.upCityFg li:nth-child(2){
  top: 252px;
  left: 260px;
}
.upCityFg li:nth-child(3){
  top: 285px;
  left: 287px;
}
.upCityFg li:nth-child(4){
  top: 300px;
  left: 267px;
}
.upCityFg li:nth-child(5){
  top: 232px;
  left: 270px;
}
.upCityFg li:nth-child(6){
  top: 235px;
  left: 275px;
}
.upCityFg li:nth-child(7){
  top: 99px;
  left: 298px;
}
.upCityFg li:nth-child(8){
  top: 13px;
  left: 361px;
}
.upCityFg li:nth-child(9){
  top: 20px;
  left: 381px;
}
.upCityFg li:nth-child(10){
  top: 201px;
  left: 270px;
}
.upCityFg li:nth-child(11){
  top: 210px;
  left: 260px;
}
.upCityFg li em{
  width: 20px;
  height: 20px;
  background: #FFF3A4;
  opacity: 0.6;
  filter: blur(3px);
  display: block;
  border-radius: 50%;
}
.upCityFg li span{
  width: 9px;
  height: 9px;
  background: #FFFFFF;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
}
.upCityFg li a{
  color: #1f59f0;
}
.dpBox{
  width: 125px;
  height: 34px;
  background-position: 0 -97px;
  margin-bottom: 4px;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #1f59f0;
  text-align: center;
  line-height: 34px;
  opacity: 0;
  transform: translateY(10px);
}
.upCityFg li.play i{
  animation: star 1s ease-in forwards alternate;
}
.upCityFg li.play .dpBox{
  animation: upP .5s 1.5s ease-in forwards alternate;
}
@keyframes star {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}
@keyframes upP {
  0% {
      opacity: 0;
      transform: translateY(10px);
  }
  100% {
      opacity: 1;
      transform: translateY(0);
  }
}
.ggCity{
  width: 460px;
  height: 48px;
  background: #f7fbff;
  border-radius: 10px;
  border: 1px solid #DDE4FF;
  margin-top: 14px;
  overflow: hidden;
  text-align: center;
  line-height: 48px;
}
.notice-swiper{
  height: 48px;
}
.swiper-container{
  height: 70px;
}
.notice-swiper .swiper-wrapper
{
  height: 100%;
}
.ysqI{
  width: 19px;
  height: 19px;
  display: inline-block;
  background-position: -1px -135px;
  vertical-align: -2px;
  margin-right: 11px;
}

/* 最热的起名名字排行 */
.ysBg{
  padding-bottom: 67px;
  background: #f7fbff;
}
.hotPmList{
  padding-top: 200px;
}
.titleWarp{
  align-items: center;
}
.titleWarp h3{
  font-size: 28px;
  color: #0e0e0f;
}
.titleWarp a{
  font-size: 22px;
  color: #88898b;
}
.mzItem{
  padding: 25px 0 !important;
}
.mzItem a{
  width: 66px;
  height: 50px;
  background: #FFFFFF;
  border-radius: 4px;
  display: block;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  color: #666666;
}
.mzItem a:hover{
  background: #1f59f0;
  color: #FFFFFF;
}
.mzItem a.active{
  background: #1f59f0;
  color: #FFFFFF;
}

.zxtEcharts{
  width: 574px;
  border-right: 1px solid #ddddff;
}
#popularity_main{
  width: 99%;
  height: 386px;
}
.nvEchart,.nvEcharts{
  width: 366px;
}
.nvEcharts #constellatory_main,
.nvEcharts #constellatory_sx
{
  height: 200px;
}
.benEcharts{
  padding: 0 5px;
  border-right: 1px solid #ddddff;
}
.cityXzEcharts{
  width: 381px;
  padding: 0 30px;
}
#cityData{
  height: 130px;
}
#xzData{
  height: 240px;
}
.echartsWarp{
  margin-top: 40px;
}
.ysBgb{
  background: #fff;
  padding-top: 55px;
}
/* 最热的起名汉字排行 */
.leftHzPh{
  width: 650px;
}
.shoay{
  padding: 30px 19px;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px 0px #EAEEFF;
  border-radius: 10px;
}
.leftHzPh p{
  color: #FF5158;
  margin-top: 22px;
  font-size: 20px;
}
.xing-item {
  flex-wrap: wrap;
  margin-top: 10px;
}
.xing-item a.active{
  width: 50px;
  height: 50px;
  background: #1f59f0;
  border-radius: 4px;
  color: #FFFFFF;
}
.xing-item a:hover{
  background: #1f59f0;
  color: #fff;
}
.xing-item a{
  width: 50px;
  height: 50px;
  border-radius: 4px;
  border: 1px solid #DCDEFF;
  color: #666666;
  margin-right: 10px;
  display: block;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  margin-top: 14px;
}
.xing-item a:nth-child(10n){
  margin-right: 0;
}
.xzDataWarp{
  margin-top: 28px;
}

#hzPaMing{
  width: 100%;
  height: 500px;
  margin-top: 25px;
}

/* 排行 */
.phDaShi{
  width: 625px;
  height: 293px;
  margin-top: 20px;
  background: url(../img/phBg.jpg) no-repeat center;
  overflow: hidden;
}
.phDaShi ul li:nth-child(1),
.phDaShi ul li:nth-child(3){
  margin-top: 45px;
}
.phDaShi ul li:nth-child(2){
  margin-top: 25px;
}
.phDaShi ul li{
  flex: 1;
  text-align: center;
}
.phDaShi ul li>img{
  display: block;
  margin: 0 auto;
}
.phDaShi ul li p{
  margin-top: 0;
  color: #333333;
}
.phDaShi ul li p i,
.shen i
{
  width: 17px;
  height: 21px;
  display: inline-block;
  vertical-align: -3px;
  background-position: -37px -139px;
}
.phDaShi ul li p i.upX,
.shen i.upX
{
  background-position: -38px -180px;
}
.zanBox{
  width: 100px;
  height: 30px;
  /* background: #FFF0F0; */
  border-radius: 10px;
  display: block;
  line-height: 30px;
  overflow: hidden;
  margin: 9px auto;
  font-size: 20px;
  color: #FF4E62;
}
.zanBox.lds{
  width: 120px;
  height: 40px;
  
  line-height: 40px;
  font-size: 24px;
}
.zanBox.lds img{
  width: 24px;
  height: 26px;
}
.zanBox img{
  width: 20px;
  height: 22px;
  display: inline-block;
  vertical-align: -4px;
}
.phDsTable{
  width: 100%;
  margin-top: 20px;
}
.phDsTable td{
  text-align: center;
  height: 60px;
  line-height: 60px;
}
.txDs img{
  width: 40px;
  height: 40px;
  vertical-align: middle;
  margin-right: 18px;
}
.txDs,.txDs a{
  font-size: 18px;
  color: #666666;
}
.phDsTable tr th{
  color: #999999;
  font-size: 20px;
}
.tabDz{
  width: 80px;
  height: 30px;
  border: 1px solid #d9dadc;
  border-radius: 10px;
  display: block;
  line-height: 34px;
  text-align: center;
  margin: 0 auto;
}
.tabDz.active{
  background: #fef0ef;
  border: none;
}
.tabDz img{
  width: 18px;
  height: 17px;
  margin: 0 auto;
}
.huiEm{
  color: #999999;
  font-size: 24px;
}
.shen{
  color: #FF4E62;
  font-size: 24px;
}
.ggtImg{
  margin: 88px 0 70px 0;

}
.ggtImg a{
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 6px;
  overflow: hidden;
}
.ggtImg a img{
  display: block;
}
.ggtImg a:hover{
  transform: translateY(-10px);
  box-shadow: 0px 2px 10px 5px #ccc;
}

/* 百家姓 */
.bjxWarp{
  width: 430px;
}
.nameItemDq{
  flex-wrap: wrap;
}
.nameItemDq a{
  width: 40px;
  height: 40px;
  display: block;
  background: url(../img/table.jpg) no-repeat center;
  background-size: 100% auto;
  font-size: 20px;
  color: #666666;
  text-align: center;
  line-height: 40px;
  margin-right: 9px;
  margin-bottom: 16px;
}
.nameItemDq a:hover{
  color: #1f59f0;
}
.nameItemDq a:nth-child(8n) {
  margin-right: 0;
}
.bjxTitle{
  font-size: 28px;
  color: #1c1c1d;
  text-align: center;
  margin-bottom: 30px;
}

/* 姓名测试 */
.nameTextFrom{
  width: 430px;
  /* padding: 0 25px; */
  box-sizing: border-box;
}
.testLmwRight.inxtest{
  width: 430px;
}
.inxtest .itemInputTest form{
  display: flex;
  align-items: center;
}
.inxtest .itemInputTest{
  margin-top: 15px;
}
.inxtest .itemInputTest form input,
.inxtest .itemInputTest form select
{
  flex: 1;
}
.inxtest .itemInputTest input.cInputTxt{
  flex: 2;
}
.nameTest a{
  width: 136px;
  height: 40px;
  background: #F7F7FF;
  border-radius: 4px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  color: #666666;
  position: relative;
} 
.nameTest a.active::after{
  content: '';
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #1f59f0;
  position: absolute;
  bottom: -8px;
  left: 56px;
}
.nameTest a.active{
  background: #1f59f0;
  color: #FFFFFF;
}
.boxXmText{
  margin-top: 16px;
}
.itemTabXm{
  margin-bottom: 16px;
  position: relative;
}
.itemTabXm{
  width: 100%;
  height: 48px;
  background: #F2F5FF;
  border-radius: 10px;
  border: 1px solid #DDE4FF;
  line-height: 48px;
  padding-left: 14px;
  box-sizing: border-box;
  color: #666;
  align-items: center;
}
.itemTabXm span{
  width: 70px;
  display: inline-block;
  text-align-last: justify;
  text-align: justify;
  font-size: 16px;
  color: #666;
}
.itemTabXm input{
  flex: 1;
  border: 0;
  background: none;
  padding-left: 10px;
  font-size: 16px;
  box-sizing: border-box;
  padding-top: 1px;
}
.itemTabXm input::placeholder{
  font-size: 16px;
}
.itemTabXm .over_hidden{
  top: -5px;
}
.testXing{
  width: 100%;
  height: 60px;
  background: linear-gradient(136deg, #6383FF 0%, #536DD3 100%);
  border-radius: 10px;
  border: none;
  font-size: 24px;
  color: #fff;
}
.formAlink{
  padding-left: 15px;
  margin: 18px 0;
}
.formAlink li{
  position: relative;
  padding-left: 20px;
  color: #666666;
  margin-bottom: 5px;
}
.formAlink li a{
  color: #666666;
  margin-right: 5px;
}
.formAlink li::after{
  width: 8px;
  content: '';
  border-radius: 50%;
  top: 10px;
  height: 8px;
  background: #FFFFFF;
  border: 2px solid #1f59f0;
  position: absolute;
  left: 0;
  top: 6px;
}

/* 林大师 */
.linDaS{
  margin: 60px auto 0 !important;
  padding-bottom: 60px;
}
.leftDsCon{
  margin-top: 80px;
  width: 736px;
}
.leftDsCon h3{
  font-size: 36px;
  color: #1f59f0;
}
.leftDsCon em{
  font-size: 28px;
  color: #1c1c1d;
  margin-top: 10px;
  margin-bottom: 12px;
  display: block;
}
.leftDsCon span{
  width: 40px;
  height: 4px;
  background: #C7C8DD;
  border-radius: 7px;
  display: block;
  margin-top: 10px;
  margin-bottom: 30px;
}
.leftDsCon p{
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #1c1c1d;
  line-height: 36px;
}
.rDsSwiper{
  width: 500px;
  overflow-x: hidden;
  margin-top: 53px;
}
.mySwiperDs{
  position: relative;
  height: 411px;
}
.dsYuan{
  width: 379px;
  height: 380px;
  background: #F7F7FF;
  border-radius: 50%;
  margin: 50px auto;
  position: relative;
}
.dsYuan img{
  position: relative;
  top: -42px;
  margin: 0px auto;
  display: block;
}
.dsTabImg{
  margin-top: -67px;
  position: relative;
  z-index: 55;
  justify-content: center !important;
  margin: 0 15px;
}
.dsTabImg a{
  width: 60px;
  display: inline-block;
  text-align: center;
  color: #999999;
  margin: 0 20px;
}
.dsTabImg a.active img{
  border: 2px solid #1f59f0;
  border-radius: 50%;
}
.dsTabImg img{
  width: 60px;
  height: 60px;
  display: block;
  border-radius: 50%;
  border: 2px solid #fff;
}
.dsTabImg p{
  margin-top: 2px;
}
.zjQmT{
  width: 380px;
  height: 60px;
  display: block;
  font-size: 24px;
  color: #FFFFFF;
  text-align: center;
  line-height: 60px;
  margin-top: 43px;
}
.mySwiperDs .swiper-button-next,
.mySwiperDs .swiper-button-prev{
  width: 78px;
  height: 78px;
}
.mySwiperDs .swiper-button-prev{
  background-position: -94px -191px;
}
.mySwiperDs .swiper-button-next{
  background-position: -182px -191px;
}

/* 精选男孩名字 */
.leftBoyWz{
  width: 930px;
}
.jxBoyWarp{
  overflow: hidden;
}
.boyKuan{
  margin: 60px auto 0 !important;
}
.leftWzList{

  align-items: center;
}
.leftWzList h3{
  font-size: 24px;
  color: #333;
}
.WzWlLink a{
  width: 120px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #DDE4FF;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  margin-left: 10px;
  color: #666666;
}
.WzWlLink a:hover{
  background: #1f59f0;
  color: #fff;
}
.qmList{
  align-items: center;
}
.qmList>a{
  margin-left: 24px;
  font-size: 18px;
  color: #939393;
}
.XingWarp{
  margin: 30px 0;
}
.XingWarp a{
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #DDE4FF;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  color: #666666;
}
.XingWarp a:hover{
  background: #1f59f0;
  color: #FFFFFF;
}
.wzImgWarp a{
  width: 296px;
  text-align: center;
  display: block;
}
.wzImgWarp a em{
  display: block;
  border-radius: 5px;
  overflow: hidden;
}
.wzImgWarp a p{
  margin-bottom: 20px;
}
.wzImgWarp a em{
  margin-bottom: 13px;
}
.wzImgWarp a img{
  width: 100%;
  display: block;
  height: 198px;
}
.hvScale p{
  color: #666666;
  margin-bottom: 13px;
  font-size: 18px;
}
.wzImgWarp{
  flex-wrap: wrap;
}
.wzImgWarp a:hover p{
  color: #1f59f0;
}


.rtPaiHan h3{
  font-size: 24px;
  color: #333333;
  text-align: center;
}
.rtPaiHan{
  width: 379px;
  box-shadow: 0px 0px 10px 0px #eaeeff;
  padding: 26px 2px;
  box-sizing: border-box;
  background: #FFFFFF;
  border-radius: 10px;
}
.tableW{
  width: 100%;
}
.tableHy{
  margin-top: 22px;
  padding-bottom: 10px;
}
.tableW tr th{
  color: #666666;
  font-size: 18px;
}
.tableW tr td{
  text-align: center;
  padding: 11px 0;
  font-size: 18px;
  color: #666666;
}
.tableW tr td a{
  color: #666666;
}
.tableW tr:nth-child(2) td a{
  color: #F99C5A;
}
.tableW tr:nth-child(2) i{
  background: linear-gradient(135deg, #FDC56A 0%, #F67E4F 100%);
  color: #fff;
}
.tableW tr:nth-child(3) td a{
  color: #1f59f0;
}
.tableW tr:nth-child(3) i{
  background: linear-gradient(135deg, #65B3F8 0%, #8076FF 100%);
  color: #fff;
}
.tableW tr:nth-child(4) td a{
  color: #FF99AE;
}
.tableW tr:nth-child(4) i{
  background: linear-gradient(153deg, #FF9AAC 0%, #FE4B70 100%);
  color: #fff;
}

.tableW tr i{
  width: 20px;
  height: 20px;
  background: #E7E7F3;
  display: block;
  font-style: initial;
  line-height: 20px;
  font-size: 14px;
  margin: 0 auto;
  border-radius: 50%;
  color: #666666;
}
.w-notice{
  border-top: 1px solid #DEDEDE;
  width: 90%;
  margin: 0 auto;
  padding-top: 25px;
  text-align: center;
}
.w-notice .mingList span{
  margin-left: 19px;
  margin-right: 20px;
}
.notice-swiper.w-notice{
  height: 30px;
  overflow: hidden;
  padding-top: 20px;
}
.notice-swiper.w-notice .swiper-container{
  height: 30px;
}

/* 精选女孩名字 */
.jxGirlWarp{
  overflow: hidden;
  padding-bottom: 55px;
}
.jxGirlWarp.ysBgb{
  padding-top: 0;
}
.jxGirlWarp .XingWarp a:hover{
  background: #F56F7E;
}
.jxGirlWarp .ysqI{
  background-position: -70px -135px;
}
.jxGirlWarp .mingList span em{
  color: #F56F7E;
}

/* 精选大气公司名字 */
.shopWarp.ysBgb{
  padding-top: 0;
  overflow: hidden;
  padding-bottom: 55px;
}
.panyWarp{
  overflow: hidden;
  padding-bottom: 55px;
}
.panyWarp .XingWarp a{
  width: 100px;
  height: 40px;
}

/* 精选时尚店铺名字 */
.shopWarp .XingWarp a{
  width: 64px;
}

/* 起名知识专区 */
.ZsZqTitle{
  align-items: center;
}
.ZsZqTitle h3{
  font-size: 24px;
  color: #333;
}
.ZsZqTitle h3 i{
  width: 20px;
  height: 20px;
  display: inline-block;
}
.zszq{
  background-position: -159px -79px;
}
.leftZszq{
  width: 930px;
  padding-top: 20px;
}
.zsWarp{
  padding: 45px 0;
}
.moreLeft{
  margin-left: 24px;
  font-size: 18px;
  color: #939393;
}
.upZszq a{
  display: block;
  margin-top: 30px;

}
.upZszq>a{
  border-bottom: 1px solid #d8d7dc;
  padding-bottom: 34px;
}
.upZszq>a .ZsZqImg{
  width: 300px;
  height: 200px;
  border-radius: 10px;
  overflow: hidden;
}
.upZszq>a .ZsZqImg img{
  width: 100%;
  height: 100%;
}
.upZszq>a{
  display: flex;
}
.ZsZqFont{
  margin-left: 18px;
  width: 588px;
  padding-top: 6px;
}
.ZsZqFont h3{
  font-size: 24px;
  vertical-align: middle;
}
.ZsZqFont span{
  vertical-align: middle;
}
.ZsZqFont h3 em{
  width: 80px;
  height: 30px;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #DCDEFF;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  color: #3B60F1;
}
.ZsZqFont h3 span{
  color: #3B60F1;
  margin-left: 20px;
}
.ZsZqFont p{
  color: #666666;
  margin-top: 14px;
  margin-bottom: 20px;
  line-height: 30px; 
}
.hotRe{
  font-size: 16px;
}
.hotRe span {
  color: #F56F7E;
}
.hotRe span i{
  width: 22px;
  height: 24px;
  background-position: -157px -107px;
  display: inline-block;
  vertical-align: -6px;
  margin-right: 6px;
}
.hotRe em{
  vertical-align: middle;
  margin-left: 40px;
  color: #999999;
}
.wzrb{
  width: 21px;
  height: 23px;
  background-position: -192px -77px;
}
.bomZszq{
  margin-top: 41px;
}
.twoReBan{
  /* width: 466px; */
  flex-wrap: wrap;
  /* margin-top: 25px; */
}
.twoReBan a{
  margin-top: 25px;
  width: 430px;
}
.twoReBan a:hover h4{
  color: #1f59f0;
}
.twoReBan h4{
  font-size: 23px;
  color: #333333;
  margin-bottom: 18px;
}
.twoReBan a{
  display: block;
}
.smallTu{
  width: 149px;
  height: 96px;
  border-radius: 10px;
  display: block;
  overflow: hidden;
}
.smallTu img{
  width: 100%;
  display: block;
}
.tuFont p{
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  width: 305px;
  margin-left: 10px;
}
.twoReBan a .hotRe{
  margin-top: 15px;

}
.twoReBan a .hotRe em{
  vertical-align: revert !important;
}
.wzTypeSw{
  position: relative;
  overflow: hidden;
  margin-top: 22px;
  padding: 0 26px;
}
.typeAlink{
  /* width: 83%; */
  margin: 0 auto;
}
.typeAlink a{
  color: #999;
  padding-bottom: 12px;
  text-align: center;
  flex: 1;
  border-bottom: 1px solid #D8D8D8;
}
.typeAlink a:hover{
  border-bottom: 1px solid #1f59f0;
  color: #1f59f0;
}
.typeAlink a.active{
  border-bottom: 1px solid #1f59f0;
  color: #1f59f0;
}
.wzTypeSw .swiper-button-prev,
.wzTypeSw .swiper-button-next{
  width: 20px;
  height: 20px;
  top: 28px;
}
.wzTypeSw .swiper-button-prev{
  background-position: -162px -140px;
}
.wzTypeSw .swiper-button-next{
  background-position: -139px -140px;
}
.tj_article{
  padding: 0 20px;
  flex-wrap: wrap;
}
.tj_article a{
  font-size: 14px;
  color: #666666;
  margin-left: 10px;
  margin-top: 18px;
}

.leftQmShuoM{
  width: 699px;
}
.leftQmShuoM p{
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 36px;
  margin-top: 30px;
}
.leftQmShuoM h3{
  font-size: 24px;
  color: #333333;
  margin-bottom: 20px;
}
.leftQmShuoM h3 b{
  color: #1f59f0;
}
.leftQmShuoM em{
  width: 40px;
  height: 4px;
  background: #C7C8DD;
  border-radius: 7px;
  display: block;
}
.leftQmShuoM p a{
  color: #3B60F1;
}
.qmLfBor{
  position: relative;
}
.qmLfBor::after{
  content: '';
  position: absolute;
  left: -30px;
  width: 6px;
  height: 60%;
  top: 8px;
  background: #1f59f0;
  border-radius: 10px;
}

/* 宝宝起名推荐文章 */
.ArticleAlink a span{
  width: 200px;
  height: 147px;
  display: block;
  overflow: hidden;
}
.ArticleAlink{
  
}
.ArticleAlink a span img{
  width: 100%;
  height: 100%;
}

/* 列表页 */
.titleNr{
  text-align: center;
}
.titleNr em{
  font-size: 22px;
  color: #88898b;
  margin-top: 10px;
  display: block;
}
.morePgn{
  position: relative;
}
.morePgn p{
  font-size: 22px;
  margin-top: 47px;
  line-height: 37px;
  /*height: 67px;*/
  overflow: hidden;
}
.morePgn a{
  position: absolute;
  right: 0;
  bottom: -4px;
  background: #fff;
  padding-left: 2px;
}
.morePgn a:hover em{
  color: #6585FF;
}
.inputFormItemLmw{
  position: relative;
}
.xlIcon{
  width: 19px;
  height: 16px;
  display: block;
  position: absolute;
  right: 19px;
  top: 22px;
  background-position: -73px -335px;
}
.warpLeftContentLmw .navDetails{
  margin-top: 52px;
}
/* 大师测算 */
.dscs{
  width: 23px;
  height: 21px;
  background-position: -198px -113px;
  display: inline-block;
  vertical-align: -1px;
}
.iconTitle{
  border-bottom: 1px solid #c3dcfb;
  padding-bottom: 30px;
  align-items: center;
  margin-top: 30px;
}
.iconTitle h2{
  color: #0e0e0f;
  font-size: 28px;
}
.iconTitle a{
  font-size: 22px;
  color: #ababac;

}
.ceSuanA{
  flex-wrap: wrap;
}
.ceSuanA a{
  width: 436px;
  position: relative;
  padding-left: 15px;
  color: #0e0e0f;
  margin-top: 18px;
  display: block;
  font-size: 20px;
}
.ceSuanA a::after{
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 9px;
  border: 1px solid #c6defb;
  border-radius: 50%;
}
.ceSuanA a:hover{
  color: #1f59f0;
}
.hotI{
  width: 37px;
  height: 19px;
  background-position: -194px -143px;
  display: inline-block;
  margin-top: 2px;
  vertical-align: -3px;
}

/* 猎名网最热文章 */
.zrwz{
  width: 23px;
  height: 21px;
  background-position: -230px -113px;
  display: inline-block;
  vertical-align: -1px;
}
.leftContentLmw .bomZszq{
  margin-top: 0;
}
.dstj{
  width: 25px;
  height: 21px;
  background-position: -256px -113px;
  display: inline-block;
  vertical-align: -1px;
}
.iconTitle h3 i{
  margin-right: 6px;
}
.zxwz{
  display: inline-block;
  vertical-align: -1px;
  width: 25px;
  height: 21px;
  background-position: -230px -114px;
}
.qmTimeWa{
  font-size: 16px;
  color: #88898b;
}
.qmTimeWa span{
  margin-right: 122px;
}

/* 详情页 */
.detailsBody .hotArticleBox{
  padding: 0;
}
.hotArticleBox .navDetails{
  padding: 0 40px;
}
.leftContentLmw{
  width: 1030px;
  box-sizing: border-box;
}
.detailsBody .hotArticleBox{
  margin-bottom: 20px;
}

/* 智能起名 */
.znqmTabNew{
  border-bottom: 1px solid #c3dcfb;
  padding-bottom: 20px;
}
.znqmTabNew a{
  font-size: 24px;
  color: #0e0e0f;
  position: relative;
}
.znqmTabNew a.active{
  color: #1f59f0;
}
.znqmTabNew a.active::after{
  content: '';
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: -22px;
  left: 0;
  background: #1f59f0;
  border-radius: 5px;
}
.itemXing{
  width: 311px;
  height: 58px;
  border: 1px solid #c4ddfc;
  color: #0e0e0f;
  background: #f7fbff;
  border-radius: 10px;
  margin-top: 22px;
  padding-left: 10px;
  box-sizing: border-box;
  line-height: 58px;
  font-size: 22px;
  position: relative;
}
.itemXing input{
  height: 80%;
  background: none;
  border: none;
  font-size: 20px;
  width: 69%;
}
.itemXing input::placeholder{
  font-size: 20px;
}
.itemXing .over_hidden.radio, .itemXing  .over_hidden .checkbox{
  padding: 2px 22px 10px 0;
}
.itemXing #birthdayMy6,.itemXing #birthdayMy7{
  width: 37%;
}
.formBodyQm .tabSubmit{
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #ffffff;
  background: #1f59f0;
  margin-top: 25px;
}
.titleRFw{
  border-bottom: 1px solid #c3dcfb;
}
.titleRFw a{
  color: #88898b;
  font-size: 20px;
  margin-top: 5px;
}
.fwAlinkServe{
  margin-top: 20px;
}
.fwAlinkServe a{
  width: 91px;
  height: 28px;
  border: 1px solid #e4e4e4;
  display: inline-block;
  text-align: center;
  line-height: 28px;
  margin-right: 5px;
  margin-bottom: 12px;
  color: #0e0e0f;
  font-size: 18px;
}
.fwAlinkServe a:hover{
  color: #1f59f0;
}


/* 点赞 */
.zanBox{
  width: 100px;
  height: 30px;
  /* background: #FFF0F0; */
  border: 1px solid #d9dadc;
  color: #333333;
  border-radius: 10px;
  display: block;
  line-height: 30px;
  overflow: hidden;
  margin: 9px auto;
  font-size: 20px;
  /* color: #FF4E62; */
}
.zanBox.active{
  background: #FFF0F0;
  color: #FF4E62;
  border: 1px solid #FFF0F0;
}
.zanBox.lds{
  width: 120px;
  height: 40px;
  line-height: 40px;
  font-size: 24px;
}

.zanBox.lds img{
  width: 24px;
  height: 26px;
}
.zanBox img{
  width: 20px;
  height: 22px;
  display: inline-block;
  vertical-align: -4px;
}


/* 弹窗  */
.zzcWarp,.zzcWarp1{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 666;
  display: none;
}
.popShow{
  width: 280px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -150px;
  margin-left: -125px;
  background: #fff;
  text-align: center;
  padding: 50px 20px 50px 20px;
}
.popShow img{
  width: 220px;
  height: 220px;
}
.popShow p{
  margin-top: 10px;
  font-size: 20px;
}
.popShow h2{
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 600;
  color: #333;
}
.pop-close{
  width: 60px;
  height: 60px;
  font: 40px/60px simsun;
  color: #000;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.5s;
}
.pop-close:hover{
  transform: rotate(360deg);
}
.right_contact a:hover{
  color: #FF5858;
}

.mxDetails p > span{
  color: #999999;
}
.p_box{width: 1200px;margin: -20px auto 30px}
.p_box p{text-indent: 30px;color: #999;}
.p_box p a{color: blue;}


.contnetP{
  line-height: 37px;
  font-size: 18px;
  color: #0e0e0f;
  margin-top: 20px;
}
.contnetP img{
  margin: 10px auto;
  display: block;
}


.rightContentLmw{
  position: relative;
}
.xfForm.topF{
  position: fixed;
  top: 0;
}

.zxtEcharts{
  position: relative;
}
.zxtEcharts h3{
  /* position: absolute;
  top: -5px;
  left: 0; */
  font-size: 25px;
}
.zxtEcharts h3 a{
  color: #333;
}
.zxtEcharts p{
  text-align: center;
  color: #1f59f0;
}
.zxtEcharts p a{
  color: #1f59f0;
  font-size: 22px;
  font-weight: 550;
  margin-top: 10px;
  display: block;
}

/* 大师二维码 */
.upDaShi:hover .codeImgT{
  opacity: 1;
}
.teacherList ul li a:hover + .dbCodeImgT{
  opacity: 1;
  transform: translateY(0);
}
.teacherList ul li{
  position: relative;
}
.codeImgT{
  width: 205px;
  height: 205px;
  border-radius: 50%;
  background: #1f59f0;
  position: absolute;
  top: 0;
  text-align: center;
  opacity: 0;
  transition: all 0.5s;
}
.codeImgT img
{
  width: 55% !important;
  height: auto !important;
  margin: 34px auto 0;
  border-radius: 0 !important;
}
.dbCodeImgT{
  position: absolute;
  bottom: 79px;
  text-align: center;
  background: #fff;
  box-shadow: 0px 2px 10px 5px #e2e0e0;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 5px;
  opacity: 0;
  transform: translateY(15px);
  transition: all 0.5s;
}
.dbCodeImgT img{
  width: 90% !important;
  height: auto !important;
  margin: 0 auto !important;
  border-radius: 0 !important;
  display: block;
}
.dbCodeImgT::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #fff;
  position: absolute;
  bottom: -8px;
  left: 87px;
}
.dbCodeImgT em{
  margin: 2px 0 !important;
  font-size: 20px;
  display: block;
  line-height: 25px;
}
.dbCodeImgT span{
  display: block;
}
.codeImgT p{
  font-size: 25px;
  margin-top: 0 !important;
  color: #fff !important;
  font-weight: bold;
}


.pmNameListSw .mzPhContent{
  margin-top: 0;
}
.pmNameListSw .mzPhContent .zjTitleH3{
  border-bottom: 1px solid #c3dcfb;
}
.upNameSiGe{
  margin: 10px 0;
}

.phDsTable .txDs img{
  display: none;
}

.rtPaiHan .mingList .nameMing{
  font-size: 15px;
}
.rtPaiHan .mingList span{
  font-size: 15px;
}
.rtPaiHan .mingList .timeMing{
  font-size: 15px;
}

.wzItemBox{
  padding: .39rem 0;
  box-sizing: border-box;
  display: block;
  border-bottom: 1px solid #e9e9e9;
  display: flex;
}


.itemXing{
  align-items: center;
}
.itemXing.flex input{
  width: 50%;
}
.itemXing .select_box.menu2{
  left: -79px;
}
.link_hz{
  color: #1f59f0;
  font-weight: bold;
  font-size: 25px;
  text-align: center;
  display: block;
  margin-top: 30px;
}

.new_dsPic{
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 20px;
}
.new_dsPic img{
  transform: scale(1.12);
  width: 100%;
}

/* 搜索 */
.searchNew .search-box {
  width: 500px;
  height: 50px;
  justify-content: center;
}

.searchNew .search-box .int {
  border: 1px solid #1f59f0;
  border-radius: 6px 0 0 6px;
  font-size: 16px;
  padding: 0 10px;
  flex: 1;
}
.searchNew .search-box .btn {
  width: 100px;
  font-size: 16px;
  border-radius: 0 6px 6px 0;
  cursor: pointer;
  border: 0;
}
.bg_red1 {
  background-color: #1f59f0;
  color: #fff;
}

.bg_theme {
  background-color: #e55352;
  color: #fff;
}
.expert-box .btn {
  margin-left: 10px;
  width: 150px;
  height: 50px;
  font-size: 16px;
  border-radius: 6px;
  cursor: pointer;
  border: 0;
}
.searchNew{
  float: left;
}

.searchNew{
  margin-left: 280px;
}
.qcXhx{
  text-decoration: none !important;
  cursor: auto;
}



/* 展开 */
.contnetP{
  overflow: hidden;
}
.read_mask {
  height: 120px;
  background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#FFF));
  background: -o-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0));
}
.cotent_wz{
  overflow: hidden;
}
.read-box {
  position: relative;
  z-index: 9;
  padding: 0 0 20px;
  margin-top: -120px;
  text-align: center;
  margin-bottom: 20px;
}
.read_mod .read-button{
  border: 1px solid #3B60F1;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  vertical-align: top;
  color: #3B60F1;
  cursor: pointer;
}
.read-box .read_mod img {
  display: inline;
  width: 14px;
  height: auto;
  margin: 15px 0 0 0.3125rem;
  vertical-align: top;
}
.read_mod span{
  width: 22.2%;
  margin: 0 1%;
  border-radius: 5px;
  font-size: 16px;
  position: relative;
}
.zx_ds{
  height: 40px;
  line-height: 40px;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  cursor: pointer;
  background: #4a4fd0;
  font-weight: bold;
}
.zx_ds.hs_zx_ds{
  background: #b4291c;
}
.zx_ds.hs_zx_ds i{
  background: #fec7c2;
}
.zx_ds i{
  width: 8px;
  height: 8px;
  background: #0eed74;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 3px;
}
.zx_ds em{
  background: red;
  color: #e5f4ff;
  /* height: 21px; */
  line-height: 19px;
  position: absolute;
  font-style: initial;
  right: 0;
  top: -18px;
  padding: 2px 6px;
  font-size: 14px;
  border-radius: 12px;
}
.zx_ds em:after{
  content: '';
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid red;
  position: absolute;
  left: 18px;
  bottom: -4px;
}
/* 弹窗 */
.zzcGuaX{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 555;
  background: rgba(0, 0, 0, 0.5);
}
.popJie{
  width: 600px;
  background: #fff;
  margin: 200px auto;
  padding: 20px;
  position: relative;
}
.popJie h3{
  font-size: 38px;
  margin-bottom: 15px;
  font-weight: 400;
}
.zzcGuaX .submitFlex{
  width: 100%;
  background: #1f59f0;
}
.zzcGuaX .sbmitInput.smallInput{
  width: 100%;
  margin-bottom: 20px;
}
.popJie .pop-close{
  font-size: 50px;
  color: #0a0a0a;
  position: absolute;
  right: 0.5rem;
  top: .2rem;
}
.zzcGuaX{
  display: none;
}
.zzcGuaX .sbmitInput.smallInput {
  width: 100%;
  margin-bottom: 20px;
}
.sbmitInput {
  width: 421px;
  height: 59px;
  background: #ffffff;
  line-height: 49px;
  padding: 5px;
  box-sizing: border-box;
  font-size: 18px;
  margin-right: 26px;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #2d2c2a;
}
.borWarpInp {
  height: 100%;
  border: 1px solid #d5d3d4;
  padding-left: 10px;
}
.sbmitInput input {
  width: 350px;
  height: 90%;
  border: 0;
  font-size: 18px;
}
.sexSelect {
  position: absolute;
  right: 15px;
  top: 13px;
  font-size: 0;
}
.submitFlex {
  width: 245px;
  height: 59px;
  line-height: 59px;
  text-align: center;
  line-height: 59px;
  color: #fff;
  border: 0;
  font-size: 26px;
  background-size: 100% 100%;
}
.zzcGuaX .submitFlex {
  width: 100%;
  background: #1f59f0;
}
.sexSelect span{
  width: 29px;
  height: 29px;
  display: inline-block;
  border-radius: 50%;
  background: #f2f2ee;
  font-size: 18px;
  text-align: center;
  line-height: 29px;
  margin-left: 10px;
  cursor: pointer;
}
.sexSelect span.active{
  background: #3c497d;
  color: #d9dbe3;
}